
.top-info{ background:rgba(236, 239, 250, 0.8);padding:16px;position:relative;}
.top-info .title{font-size: 24px;font-weight: bold;color:#333;line-height: 1.8;}
.top-info .title .no{font-size: 14px;color: #666;font-weight: normal;margin-left:30px;}
.top-info .edit{color: #4967CF;position:absolute;top:25px;right: 20px;font-size: 16px;}
.top-info .org{color: #FF6000;}
.top-info .gre{color: #1ABC9C;}

.two{width: 92%;display: flex;padding:7px 0;}
.two .title{width:12%;text-align: right;color: #333;}
.two .content{color: #666;padding-left: 10px;width:38%;}
.one{display: flex;padding:7px 0;}
.one .title{width:11.04%;text-align: right;color: #333;;}
.one .content{width: 80.96%;color: #666;padding-left: 10px;}
.one a{color: #2493EB;}


.long .two .title{width:18%;}
.long .two .content{width:32%;}
.long .one .title{width:16.56%;}
.long .one .content{width:75.44%;}

.modify-log .avator{height:48px;width: 48px;border-radius:50%;}

.edit-mode .two .title{padding-top: 10px;}
.edit-mode .one .title{padding-top: 8px;}

.history .item{display: flex;}
.history .item .left{width:12%;text-align: right;padding-top:5px;}
.history .item .mid{width:6%;color:#1ABC9C;position:relative;text-align: center;font-size: 24px;}
.history .item .mid i{position:relative;z-index:2;}
.history .item .mid:after{display: block;position:absolute;top:24px;left:50%;height:calc(100% - 18px);width:1px;background:#1ABC9C;content:"";z-index:1;}
.history .item .right{width:70%;padding-bottom: 20px;}
.history .item:last-child .mid:after{opacity: 0;;}
